<html>
    <head>
        <title>留言</title>
        <link rel="stylesheet" type="text/css" href="Css/beijing1.css">
        <link rel="stylesheet" type="text/css" href="Css/xu.css">
        <script type="text/javascript">
            function fun1(obj)
            {     
               var f1=document.getElementById(obj);
               f1.style.display="block";
            }
            function fun2(obj)
            {      
               var f1=document.getElementById(obj);
               f1.style.display="none";
            }
            function getTime(){
                var t=new Date;
                var y=t.getFullYear();
                var m=t.getMonth()+1;
                var d=t.getDate();
                var h=t.getHours();
                var min=t.getMinutes();
                var s=t.getSeconds();
                var time=y+"年"+m+"月"+d+"日"+","+h+":"+min+":"+s;
                document.getElementById("btm").innerHTML=time;
                setTimeout('getTime()',1000);
            }
            function fun3(){
                alert("提交成功！1秒后返回首页");
                setTimeout('window.location.href="index.html"',1000);
            }      
            </script>
    </head>
    <body  onload="getTime()">
        <video  autoplay="autoplay" loop="loop" muted="muted" style="width: 100%;"><source src="video/v6.mp4" type="video/mp4"></video>
        <div class="title">                             <!--标题栏-->                     
            <ul>             
                <li style="border-radius: 0; width: 40px"><a href="index.html"><img src="Img/touxiang1.png" width="40px" height="40px"></a></li>
                <li>个人博客</li>
                <li style="margin-left: 15%"><a href="index.html" target="_blank">首页</a></li>
                <li><a href="shici.html" target="_blank">诗词</a></li>
                <li><a href="wenzhang.html" target="_blank">文章</a></li>
                <li onmouseover="fun1('f1')" onmouseout="fun2('f1')"><a href="#">关于我</a>
                    <ul id="f1">
                        <li><a href="lianxi.html" target="_blank">留言联系</a></li>
                        <li><a href="zuozhe.html" target="_blank">关于作者</a></li>
                        <li><a href="banquan.html" target="_blank">版权声明</a></li>
                    </ul>
                </li>
            </ul>
            <div class="search">
                <input name="search" type="text" placeholder="搜索">
                <input name="submit" type="image" src="Img/sousuo.png" style="left:140px;">
            </div>
        </div>           
        <div style="width: 70%; height: 500px; margin-left: 15%; margin-top: 100px; border-radius: 15px; border: 5px black solid;">        <!--内容-->
            <img src="Img/lianxi1.jpg" style="width: 69.5%; height: 500px;  border-radius: 15px; position: fixed; z-index: -1;">
            <div style="height: 40px;"></div>
            <div style="text-align: center; font-size: 30px; color: black;">
                留下箴言
            </div>
            <div style="height: 40px;"></div>
            <div style="text-align: center; color: black;">
                闲逛之余留下您宝贵的箴言，对我来说是最大的鼓励！
            </div>
            <div style="height: 40px;"></div>
            <div>
                <textarea style="width: 50%; height: 200px; margin-left: 25%; border: black 2px solid;" placeholder="请写下您宝贵的建议" maxlength="500"></textarea>
            </div>
            <div style="height: 40px;"></div>
            <div style="margin-left: 48%;">
                <input type="button" value="提交" style="width: 10%; height: 30px; border-radius: 15px;" onclick="fun3()">
            </div>
        </div>
        <div class="bottom" id="btm" style="bottom: 0px;">                        <!--底部-->
            时间
        </div>
    </body>
</html>